#study {
    
    .chooses {
        width: 960px;
        height: 80px;
        // background-color: #f00;
        display: flex;
        align-items: center;
        
        .choose {
           width: 107px;
           height: 40px;
           border: 1px solid #2D6EFF;
           border-radius: 26px;
           text-align: center;
           line-height: 38px;
           color: #2D6EFF;
           font-weight: 600;
           margin-right: 2rem;
        }
        
    }
    
    .studys {
        width: 960px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom: 2rem;
        position: relative;
    }
    
    .choosewhat {
        position: absolute;
        left: -122px;
        top: 10px;
        width: 107px;
        height: 124px;
        padding: 0.5rem 0;
        background-color: #fff;
        border-radius: 18px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    
    .content {
        cursor: pointer;
        background-color: #fff;
        width: 222px;
        height: 222px;
        border-radius: 8px;
        overflow: hidden;
        margin: 0.7rem 0;
        position: relative;
        
        &:hover {
            box-shadow: 0px 0px 15px #dcdcdc;
        }
        
        @media screen and (max-width:376px) {
            width: 175px;
            height: 175px;
        }
        
        // 角标
        .contentSign {
            z-index: 999;
            position: absolute;
            left: 0;
            top: 0;
            width: 43px;
            height: 18px;
            text-align: center;
            font-size: 13px;
            color: #fff;
            border-bottom-right-radius: 8px;
            background-color: #ff7777;
        }
        
        .contentImg {
            width: 100%;
            height: 60%;
        }
        
        .contentTxt {
            width: 100%;
            height: 40%;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
            // padding: 0.3rem;
            
            
            .contentTxtTitle {
                width: 95%;
                font-size: 15px;
                font-weight: bold;
            }
            
            .contentTxtExplain {
                width: 95%;
                font-size: 11px;
                color: #606060;
                overflow:hidden;
                white-space:nowrap; 
                text-overflow:ellipsis;
                
            }
            
            .contentTxtUp {
                width: 95%;
                display: flex;
                .watchNum,.collectNum,.planNum {
                    font-size: 11px;
                    color: #B4B4B4;
                    margin-right: 1rem;
                }
            }
        }
    }
    
    
    
}